<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>api</title>
    <link rel="stylesheet" type="text/css" href="css/common/global.css" />
    <link rel="stylesheet" type="text/css" href="css/common/Validform.css" />
    <script type="text/javascript" src="js/common/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/common/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript" src="js/common/page.js"></script>
    <script type="text/javascript" src="js/common/global.js"></script>
    <!--[if IE 6]>
        <style type="text/css">
        @import "css/common/global_ie6.css";
        </style>
        <script type="text/javascript" src="js/common/DD_belatedPNG_0.0.8a-min.js"></script>
        <script type="text/javascript" src="js/common/selectivizr-min.js"></script>
    <![endif]-->
</head>
<body>

<div class="main" style="width:753px;margin:0px auto;display:table">

<!--========表格搜索开始===========-->
<div class="table_search1">
    <form class="validate_form">
        <div class="form_input">
            <p class="validate_box">
                <span class="validate_info">名称</span>
                <input type="text" datatype="*">
            </p>
            <p class="button">
                <button type="submit">查询</button>
            </p>
        </div>
    </form>
</div>
<script type="text/javascript">
    var demo=$(".validate_form").Validform({
        tiptype:3,
        datatype:{
            //
        },
        label:".validate_info"
    });
</script>
<!--========表格搜索结束===========-->

<!--========表格搜索第二种开始===========-->
<div class="table_search2">
    <form class="validate_form">
        <div class="form_input">
            <p class="input_title"><span>系统名称：</span></p>
            <p class="validate_box">
                <span class="validate_info">系统名称</span>
                <input type="text" datatype="*">
            </p>
        </div>
        <div class="form_input">
            <p class="input_title"><span>系统名称2：</span></p>
            <p class="validate_box">
                <span class="validate_info">系统名称2</span>
                <input type="text" datatype="*">
            </p>
        </div>
        <div class="form_input">
            <p class="input_title"><span>系统名称3：</span></p>
            <p class="validate_box">
                <span class="validate_info">系统名称3</span>
                <input type="text" datatype="*">
            </p>
        </div>
        <div class="form_input button">
            <button type="submit">查询</button>
        </div>
    </form>
</div>
<script type="text/javascript">
    var demo=$(".validate_form").Validform({
        tiptype:3,
        datatype:{
            //
        },
        beforeSubmit:function(curform){
            //发送之前的回调函数
        },
        label:".validate_info"
    });
</script>
<!--========表格搜索第二种结束===========-->

<!--========表格加分页开始============-->
<div class="pageBox">
    <div class="global_table">
        <table>
            <thead>
                <tr>
                    <th>标题一</th>
                    <th>标题二</th>
                    <th>标题三</th>
                </tr>
            </thead>
            <tbody class="pageDiv clearfix">
            </tbody>
        </table>
    </div>
    <div class="notContent hide">
        无数据
    </div>
    <div class="page">
        <div class="last">
            <p>
                <span>总共<span class="red">32575</span>条数据，</span>
                <span class="li_num">1</span>
                <span> / </span>
                <span class="totalPage"></span>
                <span>页</span>
            </p>
        </div>
        <ul class="pageMenu clearfix">
            <li class="firstPage">首页</li>
            <li class="prevPage"> 上一页 </li>
            <li>
                <ul class="pageObj">
                </ul>
            </li>
            <li class="nextPage"> 下一页  </li>
            <li class="lastPage">尾页</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
     $(".pageBox").pageFun({
        /*接口*/
        interFace: "data/page.json",
        /*每页显示总条数*/
        displayCount: 3,
        /*每次最多加载多少页*/
        maxPage: 3,
        dataFun: function(data) {
            var dataHtml = '<tr>'
                            +'<td>'+data.column01+'</td>'
                            +'<td>'+data.column02+'</td>'
                            +'<td>'+data.column03+'</td>'
                            +'</tr>';
            return dataHtml;
        },
        pageFun: function(i) {
            var pageHtml = '<li class="pageNum">' + i + '</li>';
            return pageHtml;
        }

    })
</script>
<!--========表格加分页结束============-->

</div>

</body>
</html>
